import React from 'react'
import { UserOutlined } from '@ant-design/icons';
import { Avatar } from 'antd';
import { Button, Flex } from 'antd';
function Tab1() {
    return (
        <div>
            <div style={{borderBottom:'1px solid #ccc',padding:'15px'}}>
                <div>
                    <Avatar size={20} icon={<UserOutlined />} />
                    <span>14523657845</span>
                    <span style={{ float: 'right' }}>2025-6-23 9: 37:12</span>
                </div>
                <div style={{ margin: '10px', height: '80px' }}>
                    <div style={{ float: 'left', height: '50px' }}>
                        <Avatar shape="square" size={80} icon={<UserOutlined />} />
                    </div>
                    <div style={{ float: 'left', height: '50px' }}>
                        <p>商品名称实例</p>
                        <span style={{ float: 'left' }}>￥100.00(含餐盒费￥2.00)</span>
                    </div>
                </div>
                <div style={{ margin: '10px', height: '80px' }}>
                    <div style={{ float: 'left', height: '50px' }}>
                        <Avatar shape="square" size={80} icon={<UserOutlined />} />
                    </div>
                    <div style={{ float: 'left', height: '50px' }}>
                        <p>商品名称实例</p>
                        <span style={{ float: 'left' }}>￥100.00(含餐盒费￥2.00)</span>
                    </div>
                </div>
                <p>备注：不放葱和香菜，多放醋谢谢</p>
                <div>
                    <span>总价：￥300.00元</span>
                    <Button style={{ float: 'right' }}>接单</Button>
                </div>
            </div>
            <div style={{borderBottom:'1px solid #ccc',padding:'15px'}}>
                <div>
                    <Avatar size={20} icon={<UserOutlined />} />
                    <span>14523657845</span>
                    <span style={{ float: 'right' }}>2025-6-23 9: 37:12</span>
                </div>
                <div style={{ margin: '10px', height: '80px' }}>
                    <div style={{ float: 'left', height: '50px' }}>
                        <Avatar shape="square" size={80} icon={<UserOutlined />} />
                    </div>
                    <div style={{ float: 'left', height: '50px' }}>
                        <p>商品名称实例</p>
                        <span style={{ float: 'left' }}>￥100.00(含餐盒费￥2.00)</span>
                    </div>
                </div>
                <div style={{ margin: '10px', height: '80px' }}>
                    <div style={{ float: 'left', height: '50px' }}>
                        <Avatar shape="square" size={80} icon={<UserOutlined />} />
                    </div>
                    <div style={{ float: 'left', height: '50px' }}>
                        <p>商品名称实例</p>
                        <span style={{ float: 'left' }}>￥100.00(含餐盒费￥2.00)</span>
                    </div>
                </div>
                <p>备注：不放葱和香菜，多放醋谢谢</p>
                <div>
                    <span>总价：￥300.00元</span>
                    <Button style={{ float: 'right' }}>接单</Button>
                </div>
            </div>
        </div>
    )
}

export default Tab1
